<script src="../jquery.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
	function doOnMouseOver(event) {
		$(event.target).css("background-color", "blue");
	}
	function doOnMouseOut(event) {
		$(event.target).css("background-color", "white")
	}

	function init() {
		var el = $('#hoverme');
		console.log(el);
		el.hover(doOnMouseOver, doOnMouseOut);
		el.css("-webkit-transition", "background-color 1s ease");
	}
	$(document).ready(init);
</script>
<body>
	<div id="hoverme">Mouse over me!</div>
</body>
